<ui:component xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ctg="http://www.crotouristguide.com/taglib">

	<div class="title">
		<h1><h:outputText value="#{messages['title.today.rec']}" /></h1>
		<h:outputText value="#{messages['subtitle.today.rec']} " />
	</div>
	<rich:panel>
		<div id="slide_holder" class="loading"></div>
		<!-- slide_holder -->

		<script type="text/javascript">
				jQuery('#slide_holder').agile_carousel({
					disable_on_first_last: "yes",
					next_prev_buttons: "yes",
					number_slides_visible: "2",
					slide_buttons: "yes",
					timer_on: "no",
					transition_duration: 500,
					transition_type: "carousel"
				});
		</script>

	</rich:panel>
</ui:component>